<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#chart div {
	display: inline-block;
	background: #4285F4;
	width: 20px;
	margin-right: 3px;
}
body {
  padding-top: 70px;
}
</style>
    <script src="${pageContext.request.contextPath}/static/fw/plugin/jquery/2.1.1/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/fw/plugin/bootstrap/dist/css/bootstrap.min.css" />
<script src="${pageContext.request.contextPath}/static/fw/plugin/bootstrap/dist/js/bootstrap.min.js"></script>
<title>数据可视化示例</title>
</head>
<body>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">数据可视化示例</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
        </div><!--/.nav-collapse -->
      </div>
    </nav>
 <div class="container">
      <!-- Main component for a primary marketing message or call to action -->
      <div class="jumbotron">
        <h3>柱状图</h3>
        <ul class="list-group">
				<li class="list-group-item"><a href="dimple/advanced_animated_multiple_pie_bubbles"
					target="_blank">advanced_animated_multiple_pie_bubbles</a></li class="list-group-item">
				<li class="list-group-item"><a href="dimple/bars_vertical" target="_blank">bars_vertical</a></<li class="list-group-item">
				<li class="list-group-item"><a href="dimple/bars_vertical_stacked" target="_blank">bars_vertical_stacked</a></li>
				<li class="list-group-item"><a href="dimple/bars_vertical_stacked_100pct"
					target="_blank">bars_vertical_stacked_100pct</a></li>
				<li class="list-group-item"><a href="dimple/bars_vertical_grouped" target="_blank">bars_vertical_grouped</a></li>
				<li class="list-group-item"><a href="dimple/bars_vertical_grouped_stacked"
					target="_blank">bars_vertical_grouped_stacked</a></li>
				<li class="list-group-item"><a href="dimple/bars_vertical_grouped_stacked_100pct"
					target="_blank">bars_vertical_grouped_stacked_100pct</a></li>
			</ul>
        <ul class="list-group">
			<li class="list-group-item"><a  target="_blank" href="demos/Bounded_Force_Layout">Bounded_Force_Layout</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Cluster_Dendrogram">Cluster_Dendrogram</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Clustered_Force_Layout">Clustered_Force_Layout</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Clustered_Force_Layout2">Clustered_Force_Layout2</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Collapsible_Tree">Collapsible_Tree</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Hierarchical_Edge_Bundling">Hierarchical_Edge_Bundling</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Pan_and_Zoom_Reuse">Pan_and_Zoom_Reuse</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Parallel_Coordinates">arallel_Coordinates</a></li>
<li class="list-group-item"><a target="_blank" href="demos/PieChart">PieChart</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Radial_Tidy_Tree">Radial_Tidy_Tree</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Rotating_Cluster">Rotating_Cluster</a></li>
<li class="list-group-item"><a target="_blank" href="demos/structmap">structmap</a></li>
<li class="list-group-item"><a target="_blank" href="demos/three">three</a></li>
<li class="list-group-item"><a target="_blank" href="demos/x3dom_column">x3dom_column</a></li>
<li class="list-group-item"><a target="_blank" href="demos/Zoomable_Pack_Layout">Zoomable_Pack_Layout</a></li>
</ul>
			<ul class="list-group">
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/bar/bar_source.html"
					target="_blank">bar</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/bubble/bubble.html"
					target="_blank">bubble</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/bullet/bullet_wiki.html"
					target="_blank">bullet_wiki</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/bundle/bundle.html"
					target="_blank">bundle</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/chinamap/chinamap.html"
					target="_blank">chinamap</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/chord/chord.html"
					target="_blank">chord</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/column/column.html"
					target="_blank">column</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/column/column.bigdata.html"
					target="_blank">column.bigdata</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/diff/diff.html"
					target="_blank">diff</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/force/force.html"
					target="_blank">force</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/line/line.html"
					target="_blank">line</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/matrix/matrix.html"
					target="_blank">matrix</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/parallel/parallel.html"
					target="_blank">parallel</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/pie/pie.html"
					target="_blank">pie</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/pie/pie_map.html"
					target="_blank">pie_map</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/radar/radar.html"
					target="_blank">radar</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/scatterplotMatrix/scatterplotMatrix.html"
					target="_blank">scatterplotMatrix</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/stream/stream.html"
					target="_blank">stream</a></li>
				<li class="list-group-item"><a href="/static/fw/plugin/datav/example/tree/tree.html"
					target="_blank">tree</a></li>
				<li class="list-group-item"><a
					href="/static/fw/plugin/datav/example/treemap/treemap.html"
					target="_blank">treemap</a></li>
			</ul>
      </div>

    </div> <!-- /container -->
     <footer class="footer">
      <div class="container">
        <p class="text-muted">版权所有.</p>
      </div>
    </footer>
</body>
</html>